// @flow
import React from 'react'
import styles from './FinishPage.css'
import { Button } from 'antd'
type Props = {
  kmxName: string
}
export default class FinishPage extends React.Component {
  props: Props
  jumpUrl: () => void
  constructor (props: Props) {
    super(props)
    this.jumpUrl = this.jumpUrl.bind(this)
  }
  jumpUrl () {
    // console.info(this.props)
    window.location.href = `${__NODE_URL__}`
  }
  render () {
    return (
      <div className={styles['main']}>
        <div className={styles['kmx']}>
          <div className={styles['kmx-logo']}>
            <img src={require('../../../public//kmx-log.png')} height='80' />
            <p>恭喜您成功安装!</p>
          </div>
          <div className={styles['btn']}>
            <Button type='primary' onClick={this.jumpUrl}>开始体验</Button>
          </div>
          <div className={styles['logo']}>
            <img src={require('../../../public/logo-white.png')} height='30' />
          </div>
        </div>
      </div>
    )
  }
}
